<script setup lang="ts">
import {ref,reactive} from "vue"

//ref用于声明原始数据类型
let msg=ref("你好")
//reactive用于声明对象类型
let student=reactive(
  {
    name:"你好",
    age:18
  }
)
function changeStuInfo(){
  student.name="修改"
  student.age=20
}

//如果用ref声明对象类型，则会隐私调用reactive函数去声明
// let student=ref(
//   {
//     name:"你好",
//     age:18
//   }
// )
// function changeStuInfo(){
//   student.value.name="修改"
//   student.value.age=20
// }
</script>

<template>
  <div>{{ msg }}</div>
  <div>{{ student }}</div>
  <button @click="changeStuInfo">修改学生的信息</button>
</template>

<style scoped>

</style>
